// 入口函数
$(function () {
  // 1. 点击a连接,显示隐藏
  $('#loginBox a').on('click', function () {
    $('#loginBox').hide()
    $('#regBox').show()
  })
  $('#regBox a').on('click', function () {
    $('#regBox').hide()
    $('#loginBox').show()
  })

  // 2. 表单自定义校验规则
  layui.form.verify({
    username: [/^[\S]{1,10}$/, '用户名必须1到10位，且不能出现空格'],
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    repwd: function (value) {
      // value就是你给哪个标签添加,就是哪个标签的值
      let pwd = $('#regBox input[name="password"]').val()
      if (pwd != value) {
        return '两次密码输入不一致'
      }
    }
  })

  // 3. 注册功能
  $('#formReg').on('submit', function (e) {
    // 3.1 阻止表单默认行为
    e.preventDefault()

    // 3.2 发起ajax
    axios({
      method: 'post',
      url: '/api/reguser',
      data: $(this).serialize()
    }).then(({ data: res }) => {
      //成功回调
      console.log(res)

      if (res.status != 0) {
        return layui.layer.msg(res.message)
      }

      // 3.3 提示成功
      layui.layer.msg('恭喜您,注册成功!')

      // 3.4 清空内容 + 跳转登录
      $('#formReg')[0].reset()
      $('#regBox a').click()
    })
  })

  // 4. 登录功能
  $('#formLogin').on('submit', function (e) {
    // 4.1 阻止表单默认行为
    e.preventDefault()

    // 4.2 发送ajax
    axios({
      method: 'post',
      url: '/api/login',
      data: $(this).serialize()
    }).then(({ data: res }) => {
      //成功回调
      console.log(res)

      if (res.status != 0) {
        return layui.layer.msg(res.message)
      }

      // 4.3 提示成功
      layui.layer.msg('恭喜您,登录成功!')

      // 4.4 跳转主页
      location.href = '/index.html'

      // 4.5 本地存储token身份认证
      localStorage.setItem('token', res.token)
    })
  })
})
